<template>
    <p>父组件</p>
    <!-- 渲染子组件 -->
    <!-- @change 表示监听 change 事件, 如果 change事件触发，则会执行 childChange 方法  -->
    <ChildCom :title="msg" @change="childChange" />
</template>


<script>
// 引入子组件
import ChildCom from "./ChildCom.vue";

export default {
    // 注册子组件
    components:{
        ChildCom
    },

    // 父子传值
    data(){
        return {
            msg: '这是父组件的'
        }
    },
    methods:{
        childChange(value){
            console.log(value);
            // 接收到子组件传递的值，则更新父组件的值
            this.msg = value
        }
    }
}


</script>